<template>
	<view class="detail-item">
		<view class="item-title" :class="isBold ? 'bold' : 'weight'" v-if="title">{{ title }}</view>
<!-- 		<template v-if="title == '服务内容'">
			<view class="item-intro intro_txt"><slot name="unfold-con"></slot></view>
		</template>
		<template v-else> -->
		<view class="item-intro intro_txt" :class="isDown ? 'heightMy' : ''">
<!--			<image :src="img_src" style="width: 100%" mode="widthFix"></image>-->
      <view class="title">专业律师代理您打官司，帮您过五关斩六将，助您扭转乾坤：</view>
      <view class="title"> · 法务初审</view>
      <view class="title titles">  免费协助您审查订单是否有误，并指导您填写订单、更改订单。</view>
      <view class="title"> · 诉讼服务：</view>
      <view class="title titles">  案情分析；梳理法律关系；检索法律法规和司法判例；律师调查取证；律师参与协商谈判和和解；发送律师函；起草文书；代为财产保全（查封、扣押、冻结对方财产）；代为立案；代为办理诉讼担保手续；代为提交证据；代为应诉答辩；代为庭审和解或调解；代为开庭；代为办理续</view>
      <view class="title titles">封/解封财产；代为提起上诉、反诉、反请求；全程提供委托事项相关法律咨询等。</view>
      <view class="title"> · 强制措施：</view>
      <view class="title titles">  申请强制执行；申请列入失信黑名单；申请限制高消费、限制乘坐高铁、限制乘坐飞机；申请实行边控（限制过境、限制往返港、澳、台）；</view>
      <view class="title titles">  申请评估、拍卖；申请追加被执行人；执行听证；参加债权人会议；申请破产清算；参加债务重组；领取法律文书；领取执行款；提出执行异议；变更执行主体；恢复执行；沟通协调司法机关；查阅/复印卷宗材料；全程提供委托事项相关法律咨询等。</view>
      <view class="title"> · 案件管理：</view>
      <view class="title titles">  统一平台、专人专管，案件信息分类管理，服务流程标准、专业、透明，一手掌控查看便捷。</view>
      <view class="title titles">  法务专员和服务律师将根据您的委托和案件需要具体确定服务内容。</view>
    </view>
		<!-- <view class="item-down" v-if="showDown" @click="down">
			<text class="down-txt" v-if="isDown">展开</text>
			<text class="down-txt" v-if="!isDown">收起</text>
		</view> -->
		<!-- </template> -->
	</view>
</template>

<script>
export default {
	props: {
		title: '',
		isBold: false,
		img_src:'',
	},
	data() {
		return {
			isDown: false,
			showDown: true,
			isCollect: false
		};
	},
	methods: {
		down() {
			this.isDown = !this.isDown;
		},
		collect() {
			this.isCollect = !this.isCollect;
		}
	}
};
</script>

<style lang="scss">
.heightMy {
	height: 160rpx;
	overflow: hidden;
}
.bold {
	font-weight: bold;
	color: #000 !important;
}
.weight{
	color: #000 !important;
    font-weight: 700;
}
.detail-item {
	background-color: #ffffff;
	border-radius: 26rpx;
	margin-bottom: 20rpx;
	padding: 30rpx;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	.item-title {
		width: 100%;
		color: #aaa;
		margin-bottom: 20rpx;
	}
	.item-intro {
		width: 100%;
		line-height: 50rpx;
    .title{
      text-align: justify;
    }
    .titles{
      padding-left: 8px;
    }
	}
	.item-down {
		width: 100%;
		text-align: right;
		.down-txt {
			color: #06b4fd;
			text-align: right;
		}
	}
}
</style>
